<?php
    session_name('dyh_session');
    session_start(); //start a session
    if (!(isset($_SESSION['fname']) && isset($_SESSION['email']) && isset($_COOKIE['dyh_region']))){
        /*remove PHPSESSID cookie from browser, that was created by session_start() above.*/
        setcookie( session_name(), '', time()-3600, '/' );
        setcookie('dyh_region', '', time()-3600, '/');
        //user not registered so redirect to register page
        header('location:page2.html?lan=en');
    }
?>
<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <style type="text/css">
        *{
            margin:0;
            padding:0;
        }
        body, html {
            margin:0;
            padding:0;
            font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
            font-size: 12px;
            font-weight: normal;
            color: #222;
            background:#fdfdfd;
            /*width: 100%;*/
            height: 100%;
        }
        .wrapper {
            min-height:100%;
            position:relative;
        }
        .content {
            padding-bottom: 50px;
            padding-top: 5px;
        }
        .contentLayout {
            overflow: hidden;
            width: 870px;
            margin: 0 auto;
        }
        .contentLayout li {
            float: left;
            list-style: none;
        }
        .leftSide {
            padding: 0 10px;
        }

        table tr td {
            padding: 5px;
        }

        .leftSide table tr td div {
            width: 300px;
            height: 180px;
            border: 1px solid #9a9a9a;
            background: #fff;
        }
        .rightSide {
            width: 500px;
            padding:0 10px;
        }
        .rightSide table {
            width: 100%;
        }
        .advertisingBanner {
            width:100%;
            height:440px;
            background:#fff;
            border:1px solid #9a9a9a;
            margin-top: 10px;
        }

        #regionList {
            padding:7px;
            background:#efefef;
            width: 100%;
            font-size:25px;
            border: 1px solid #9a9a9a;
        }

        .header {
            height:150px;
            border-bottom:1px solid #9a9a9a;
            background:#6EDE28;
        }
        .header span {
            line-height: 40px;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            padding-left: 10px;
        }

        p.message {
            text-align: center;
            font-size:20px;
        }
        .footer {
            /*height: 30px;*/
            width: 100%;
            position: absolute;
            bottom: 0px;
            background:#303030;
            border-top:3px solid #1c94c4;
            color: #fff;
            text-align: center;
            padding: 5px 0;
        }
        .navigationLinks{
            list-style: none;
            padding: 0;
            margin: 6px 0;
            text-align: center;/*make this change*/
        }
        .navigationLinks li{
            float: none;/*make this change*/
            display:inline;/*make this change*/
            margin: 0 3px;
        }
        .navigationLinks li a{
            color:#ccc;
            text-decoration:none;
            font-size:13px;
            display:inline-block;/*make this change*/
        }
        .navigationLinks li a:hover{
            color:#fff;
        }

        .errorMsg{
            text-align:center;
            width:500px;
            font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
            font-size: 1.8em;
            margin:150px auto;
        }
        .step {
            padding: 20px;
            background: #fff;
            border: 1px solid #DDD;
            font: 12px verdana;
            -khtml-border-radius: 3px;
            -moz-border-radius: 3px;
            -opera-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
        .step legend {
            font-size: 15px;
        }
        .storyBlock {
            height: 377px !important;
        }

    </style>
</head>
<body>
    <div class="wrapper">
        <div class="header">
            <span>1350 x 150</span>
        </div>
        <div class="content">
            <ul class="contentLayout">
                <li>
                    <div class="leftSide">
                        <table>
                            <tr>
                                <td>
                                    <div><p class="message">Video or JPEG</p></div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="storyBlock"><p class="message">Your Story Here</p></div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </li>
                <li>
                    <div class="rightSide">
                        <table>
                            <tr>
                                <td>
                                    <form name="_xclick" action="https://www.sandbox.paypal.com/webscr" method="post">
                                        <fieldset class="step">
                                            <legend>Make a Payment (Test)</legend>
                                            <input type="hidden" name="cmd" value="_xclick">
                                            <input type="hidden" name="business" value="josephk-facilitator@goldspotmedia.com">
                                            <input type="hidden" name="currency_code" value="USD">
                                            <input type="hidden" name="item_name" value="donation">
                                            <!--<input type="hidden" name="return" value="">--> <!-- No need to specify here if it is there in Auto Return On page -->
                                            <input type="hidden" name="amount" value="5.55">
                                            <input type="image" src="assets/pay_now.gif" border="0" name="submit"/>  <label>$5.55</label>
                                        </fieldset>
                                    </form>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="advertisingBanner">
                                        <p class="message">JPEG to introduce project</p>
                                    </div>
                                </td>
                            </tr>
                        </table>


                    </div>
                </li>
            </ul>
        </div>
        <div class="footer">
            <ul class="navigationLinks">
                <li>
                    <a href="footer/1.html" target="_blank">HeartESTEEM</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/2.html" target="_blank">HeartESTEEM Gallery</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/3.html" target="_blank">Gloria Maxx</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/4.html" target="_blank">PPD</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/5.html" target="_blank">FriendsInHeart</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/6.html" target="_blank">HeartIZTS</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/7.html" target="_blank">HeartPILLARS</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/8.html" target="_blank">Terms and Privacy</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/9.html" target="_blank">Trademarks</a>&nbsp; |
                </li>
                <li>
                    <a href="footer/10.html" target="_blank">Contact</a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>